<div class="info-center">
    <div class="contain">
        <div class="clearfix"></div>
		<div class="table-margin">
		    <div class="table-header">
			    <table class="table table-bordered table-header">
			        <thead>
			            <tr>
			                <td class="w5 text-center">
			                    <input type="checkbox" 
			                    	   #event 
			                    	   (click)="_selectAll(event.checked, tabVal)" 
			                    	   [checked]="isSelectAll"
			                    	   >
			                </td>
			                <td class="w5 text-center max-w">序号</td>
			                <td class="w15 text-left max-w" title="授权服务编码">授权服务编码</td>
			                <td class="w15 text-left max-w">服务名称</td>
			                <td class="w30 text-left max-w">服务URL</td>
			                <td class="w10 text-left max-w" title="授权服务类型">授权服务类型</td>
			                <td class="w10 text-left max-w" title="授权资源类型">授权资源类型</td>
			                <td class="w15">操作</td>
			            </tr>
			        </thead>
				</table>
			</div>	
			
			<div class="table-body">
				<table class="table table-bordered table-header overflow-table">
			        <tbody class="no-border">
				        <tr *ngFor="let tabval of tabVal; let i = index;" [ngClass]="{'active':i%2!=0}">
				        	<td class="w5 text-center">
			                    <input type="checkbox" 
			                    	   #event 
			                    	   (click)="_chose(event.checked, tabval.scopesId, tabVal.length)" 
			                    	   [checked]="isChose" 
			                    	   >
			                </td>
			                <td class="hide">{{ tabval.scopesId }}</td>
				            <td class="w5 text-center">{{ naturalNum+i+1 }}</td>
				            <td class="w15 text-left max-w" title="{{tabval.scopesCode}}">{{ tabval.scopesCode }}</td>
				            <td class="w15 text-left max-w" title="{{tabval.scopeName}}">{{ tabval.scopeName }}</td>
				            <td class="w30 text-left cursor max-w" [title]="tabval.scopeUri">{{ tabval.scopeUri }}</td>
				            <td class="w10 text-left max-w" title="{{tabval.serviceTypeName}}">
				            	<span>{{ tabval.serviceTypeName }}</span>
				            	<span class="hide">{{ tabval.serviceType }}</span>
			            	</td>
				            <td class="w10 text-left">
				            	<span *ngIf="tabval.scopeType==0">系统资源</span>
								<span *ngIf="tabval.scopeType==1">用户资源</span>
				            </td>
				            <td class="w15 text-left">
				            	<span class="btn-i" 
			                    	  title="详情" 
			                    	  data-toggle="modal" 
			                    	  data-target="#details"
									  (click)="details._details(tabval)"
									  *ngIf="right['scope-authorization']['details']"
			                    	  >
		                            <img width="14px" height="10px" src="assets/right-product/view.png">
		                        </span>
		                        <span class="btn-i" 
		                        	  title="修改"  
		                        	  data-toggle="modal" 
		                        	  data-target="#edit"
									  (click)="edit._serviceType(tabval);initService._init(1)" 
									  *ngIf="right['scope-authorization']['update']"
		                        	  >
		                            <img width="14px" height="14px" src="assets/right-product/edit.png">
		                        </span> 
				            </td>
				        </tr>
				    </tbody>
			    </table>
			</div>    
		</div>
	</div>
</div>			

<!-- 详情 BEGIN -->
	<scopes-details #details></scopes-details>
<!-- 详情 END -->

<!-- 修改 BEGIN -->
	<scopes-edit #edit (onSubmit)="_table()"></scopes-edit>
<!-- 修改 BEGIN -->